<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
  
  
  <title>  写夜子的个人博客 </title>

 
  
    <link rel="icon" href="/images/favicon.png">
  


  <link rel="stylesheet" href="/nayo.min.css"> 
</head>  
  <body>   
    
      <header class="header">
	
  <nav class="header-nav">        
   
    <span class="iconfont icon-menu mobile-toggle"></span>   	

    <div class="header-menu">          
              
            
              <a class="header-menu-link" id="header-menu-home" href="/">首页</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-archives" href="/archives">归档</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-tags" href="/tags">标签</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-about" href="/about">关于</a>     
            
            
            
              <a class="iconfont icon-menu-search header-menu-link" id="header-menu-search"></a>
            
                
    </div>  
    
  </nav>
</header>   

      <div class="container">       
          
          
            <section class="main">  
          

          




<div class="profile sildeUpMin">
	
		<a href="/">
			<img class="avatar" src="http://wx2.sinaimg.cn/mw690/89296167gy1fu5ph67x17j21kw1kwhdu.jpg">
		</a>
		<p class="author">写夜子</p>
		
		<div class="social">
   		      		
			<a target="_blank" class="social-links" href="https://github.com/xieyezi">		
				<i class="iconfont icon-Github"></i>
			</a>	
	          		
			<a target="_blank" class="social-links" href="https://weibo.com/2301190503/profile?rightmod=1&wvr=6&mod=personinfo">		
				<i class="iconfont icon-Weibo"></i>
			</a>	
	          		
			<a target="_blank" class="social-links" href="https://www.facebook.com/profile.php?id=100022240804629">		
				<i class="iconfont icon-Facebook"></i>
			</a>	
	          		
			<a target="_blank" class="social-links" href="https://twitter.com/xieyezi">		
				<i class="iconfont icon-Twitter"></i>
			</a>	
	          		
			<a target="_blank" class="social-links" href="https://www.instagram.com/_xieyezi_/">		
				<i class="iconfont icon-Instagram"></i>
			</a>	
	    
    	</div>		
</div>


    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/08/23/docker基本知识/">docker基本知识</a>

		 

		<div class="article-meta">
			<time>8月 23, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/docker/">docker</a>
				
						<a class="article-tag" href="/tags/nginx/">nginx</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h1 id="docker学习笔记"><a href="#docker学习笔记" class="headerlink" title="docker学习笔记"></a>docker学习笔记</h1><p>  以下为docker的学习笔记。</p>
<h3 id="镜像-image-文件"><a href="#镜像-image-文件" class="headerlink" title="镜像(image)文件"></a>镜像(image)文件</h3><ol>
<li>docker把应用程序及其依赖，打包在image文件里面</li>
<li>image文件可以看做是容器的模板，docker根据image文件生成容器的实例</li>
<li>同一个image文件，可以生成多个同时运行的模板</li>
<li><code>docker image pull</code> 是抓取image文件的命令 (eg: <code>docker image pull hello-world</code>)</li>
<li>使用<code>docker image ls</code>查看本机下面的已有的docker image文件</li>
<li>运行image文件:<code>docker container run hello-world</code>,该命令会从image文件，生成一个正在运行的容器实例</li>
<li>终止正在运行的容器: <code>docker container kill [containID]</code>
		
	</li></ol></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/08/23/docker基本知识/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/08/13/import 和 require 的区别/">import 和 require 的区别</a>

		 

		<div class="article-meta">
			<time>8月 13, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/ES6/">ES6</a>
				
						<a class="article-tag" href="/tags/Node-js/">Node.js</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h2 id="引言"><a href="#引言" class="headerlink" title="引言"></a>引言</h2><p>  我们在平时的前端开发中,都是用的 <code>import xxx from xxx</code> 进行模块导入.这几天笔者在学习Koa的开发,这里面大量涉及到Node.js的操作.而在Node.js的开发中,都是通过 <code>cosnt xxx = require(xxx)</code> 这种方式来进行模块导入.那么当前台后台在一起开发的时候,我常常把他们弄混.可能是太菜了😢,所以我花了半天的时间去学习了解他们两者的区别.
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/08/13/import 和 require 的区别/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/07/21/Flutter基本页面布局/">Flutter基本页面布局</a>

		 

		<div class="article-meta">
			<time>7月 21, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/Flutter/">Flutter</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h2 id="初识Flutter"><a href="#初识Flutter" class="headerlink" title="初识Flutter"></a>初识Flutter</h2><p>  其实一直想学习flutter，以前我都是用web来实现跨平台开发，现在新出来的flutter，是最好的实现方式。但是由于事情繁多，没有时间去系统的、循序渐进的学习。现在应当是最佳的学习时间了.</p>
<h3 id="基本布局"><a href="#基本布局" class="headerlink" title="基本布局"></a>基本布局</h3><p>  这里实现了一个如下图的基本的app布局，即图片文字的展示
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/07/21/Flutter基本页面布局/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/07/21/WIndows搭建最完美的VS code开发平台/">Windows搭建最完美的VScode开发平台</a>

		 

		<div class="article-meta">
			<time>7月 21, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/Windows/">Windows</a>
				
						<a class="article-tag" href="/tags/VScode/">VScode</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h2 id="说在前面"><a href="#说在前面" class="headerlink" title="说在前面"></a>说在前面</h2><p>  公司的电脑是Windows电脑,且显示器的分辨率只有1080P,在使用vscode写代码的过程中,眼睛简直要瞎了,跟Mac对比起来,太过于模糊.于是开始了一番折腾,包括字体、文件图标、主题等等一系列的设置.</p>
<h3 id="主题"><a href="#主题" class="headerlink" title="主题"></a>主题</h3><p>   主题我经过千挑万选,最终选定了One Dark Pro Vivid,安装请直接在vscode扩展里面搜索即可.
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/07/21/WIndows搭建最完美的VS code开发平台/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/05/28/删除github项目中指定目录或文件/">删除github项目中指定的目录和文件</a>

		 

		<div class="article-meta">
			<time>5月 28, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/git/">git</a>
				
						<a class="article-tag" href="/tags/GitHub/">GitHub</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h3 id="说在前面"><a href="#说在前面" class="headerlink" title="说在前面"></a>说在前面</h3><p>  有时候我们将项目托管至github之后才发现,我们可能需要删除部分指定的目录或者文件,但是直接在<code>.gitignore</code>文件标注说明,推送到github之后,你会发现想要删除的目录仍然没有删除,所以此时我们需要使用git命令来进行删除.
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/05/28/删除github项目中指定目录或文件/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/04/20/Vue多个组件映射到同一个组件,页面不刷新？/">Vue多个组件映射到同一个组件,页面不刷新？</a>

		 

		<div class="article-meta">
			<time>4月 20, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/git/">git</a>
				
						<a class="article-tag" href="/tags/GitHub/">GitHub</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h3 id="问题"><a href="#问题" class="headerlink" title="问题"></a>问题</h3><p>在做项目的过程中,有这么一个场景：多个组件通过配置路由,都跳转到同一个组件,他们之间的区别就是,传入的参数不同.请看<code>router</code>对象：</p>
<figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">userCenterLike: &#123;</span><br><span class="line">                    name: <span class="string">'user-center'</span>,</span><br><span class="line">                    params: &#123;</span><br><span class="line">                        index: <span class="number">0</span></span><br><span class="line">                    &#125;</span><br><span class="line">                &#125;,</span><br><span class="line">userCenterHistory: &#123;</span><br><span class="line">                    name: <span class="string">'user-center'</span>,</span><br><span class="line">                    params: &#123;</span><br><span class="line">                        index: <span class="number">1</span></span><br><span class="line">                    &#125;</span><br><span class="line">                &#125;</span><br></pre></td></tr></table></figure>
		
	</div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/04/20/Vue多个组件映射到同一个组件,页面不刷新？/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/04/20/hexo+github+netlify搭建个人博客/">Hexo+Github+Netlify搭建个人博客</a>

		 

		<div class="article-meta">
			<time>4月 20, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/GitHub/">GitHub</a>
				
						<a class="article-tag" href="/tags/Hexo/">Hexo</a>
				
						<a class="article-tag" href="/tags/Netlify/">Netlify</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h3 id="说在前面"><a href="#说在前面" class="headerlink" title="说在前面"></a>说在前面</h3><p>  我的博客在曾经的很长一段时间以内,我都是将博客静态页面托管到<a href="https://pages.github.com/" target="_blank" rel="noopener">Github pages</a>进行渲染的,但是大家都知道,我们国内访问GitHub如果不挂<del>翻墙</del>的话,访问速度非常慢☹️.虽然我的博客一直以来都没有太多的访问量,但是作为一个追求极致体验的人,怎么忍受得了呢 🤟.
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/04/20/hexo+github+netlify搭建个人博客/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/03/28/记一次开发自己的NPM包的经历/">记一次自己封装NPM包的经历</a>

		 

		<div class="article-meta">
			<time>3月 28, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/npm/">npm</a>
				
						<a class="article-tag" href="/tags/rollup/">rollup</a>
				
						<a class="article-tag" href="/tags/webpack/">webpack</a>
				
						<a class="article-tag" href="/tags/localStorage/">localStorage</a>
				
						<a class="article-tag" href="/tags/sessionStorage/">sessionStorage</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h3 id="说在前面"><a href="#说在前面" class="headerlink" title="说在前面"></a>说在前面</h3><p>最近一直在忙自己的毕业设计,在做的过程中,有的地方要用到缓存.我采用了localStorage和sessionStorage的方式进行的缓存,并完整地实现了自己想要的功能.但是我突然想到前端的”模块化开发”,这块完全可以独立出来,将其封装为一个统一的API,想要使用的时候就引入使用,于是我将其封装为了一个将localStorage和sessionStorage统一在一起的功能函数:<code>xieyezi-storage.js</code>.我存放在自己的电脑里面,以便我自己以后使用,但是我突然想到了程序员的”开源精神”😹,好吧其实是想到,每次我们需要安装一个包的时候,我们都是采用<code>npm install xxx</code>的方式进行引入,然后在使用的时候,就通过<code>import xxx from xxx</code> 这样的方式进行使用.于是我也想要将我的功能函数封装为一个npm包,并且发布到<a href="https://www.npmjs.com/" target="_blank" rel="noopener">npm</a>👆上面去,那也算是为我们开源作出了一定的贡献.
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/03/28/记一次开发自己的NPM包的经历/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/03/26/将本地项目同步至github/">将本地项目同步至github</a>

		 

		<div class="article-meta">
			<time>3月 26, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/git/">git</a>
				
						<a class="article-tag" href="/tags/GitHub/">GitHub</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h3 id="将你的项目同步至github"><a href="#将你的项目同步至github" class="headerlink" title="将你的项目同步至github"></a>将你的项目同步至github</h3><p>注：此操作满足在你本机git已经配置到github环境下进行操作.<br> 先在项目根目录下：</p>
  <figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">git init</span><br></pre></td></tr></table></figure>
<p>  打开你的github首页,新建一个repository.<br>  复制你刚刚新建的repository的地址,像这样:
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/03/26/将本地项目同步至github/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/03/14/git基本知识/">git基本知识</a>

		 

		<div class="article-meta">
			<time>3月 14, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/git/">git</a>
				
						<a class="article-tag" href="/tags/GitHub/">GitHub</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h2 id="Git是什么？"><a href="#Git是什么？" class="headerlink" title="Git是什么？"></a>Git是什么？</h2><p>  Git 是一个开源的分布式版本控制系统.</p>
<h2 id="什么是版本控制？"><a href="#什么是版本控制？" class="headerlink" title="什么是版本控制？"></a>什么是版本控制？</h2><p>  版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统.</p>
<h3 id="集中化的版本控制系统和分布式版本控制系统"><a href="#集中化的版本控制系统和分布式版本控制系统" class="headerlink" title="集中化的版本控制系统和分布式版本控制系统"></a>集中化的版本控制系统和分布式版本控制系统</h3><p> 集中化的版本控制系统,都有一个单一的集中管理的服务器,保存所有文件的修订版本,而协同工作的人们都通过客户端连到这台服务器,取出最新的文件或者提交更新.也就是说,
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/03/14/git基本知识/">阅读更多</a>
	</div>

</article>
     
     	



 
   <nav class="paginator">
    
        <a class="prev" href="/"> 
        <i class="iconfont icon-left"></i>
        上一页
        </a>
    

   <span class="page-number"> Page <strong>2</strong>. </span>

    
        <a class="next" href="/page/3/"> 
        下一页
        <i class="iconfont icon-right"></i>
        </a>
    
  </nav> 

          </section> 
      </div>            
    
    <a id="backTop">
      <span>
        <i class="iconfont icon-backtotop"></i>
      </span>
    </a> 

  
    
    <div class="search-container sildeUpMin">
        <div class="search-header">
            <input type="text" placeholder="输入你想搜索的" id="search-input" class="search-input">  
            <span class="search-cancel iconfont icon-cancel"></span>
        </div>
        <div id="search-result" class="search-result"></div>
    </div>
 
     <div class="mobile-menu">      

      
      <img class="mobile-menu-icon" src="/images/favicon.png">   
      

         
            

            <a class="mobile-menu-link" href="/">首页
            </a>
            
         
            

            <a class="mobile-menu-link" href="/archives">归档
            </a>
            
         
            

            <a class="mobile-menu-link" href="/tags">标签
            </a>
            
         
            

            <a class="mobile-menu-link" href="/about">关于
            </a>
            
         
                          

            <a class="mobile-menu-link mobile-menu-search" href="#">搜索 </a>                 
            
         
      
</div>        
    


<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?636802045446222199ae541e32c8133e"; 
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>





     
    




<footer id="footer">


		<div class="footer-copyright">
		&copy;
		
		2018-
		
		2020

		Xieyezi
		<br>

		Copyright
		<a href="https://github.com/xieyezi" target="_blank">Xieyezi</a>
		</div>

</footer>
   

  

    <script src="/nayo.bundle.js"></script>           
  </body>        
</html>